.test1 {
  /* In 4-value shorthands like padding and margin, the values are applied
   in the order top, right, bottom, left (clockwise from the top). There are also other
   shorthand types, for example 2-value shorthands, which set padding/margin
   for top/bottom, then left/right */
  padding: 10px 15px 15px 5px;
}
.test2 {
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 5px;
}

.test3 {
  background: red url(OIP.jfif) 10px 10px repeat-x fixed;
}

.test4 {
  background-color: red;
  background-image: url(OIP.jfif);
  background-position: 10px 10px;
  background-repeat: repeat-x;
  background-attachment: fixed;
}
